 
        * {
            padding: 0px;
            margin: 0px;
            outline: none;
            list-style: none;
        }



        .a {
            width: 100%;
            height: 80px;
            background: #242424;

        }

        .b {

            margin: 10px auto;
            height: 100%;
            width: 1200px;


        }

        .c {

            float: left;
            height: 60px;
            width: 180px;
            background: url(img/a.png)no-repeat 8px -16px;
            margin-top: 20px
        }

        .d {

            margin-left: 10px;
            float: left;
            height: 100%;
            width: 500px;

        }

        .d1 {
            color: white;
            height: 25%;
            padding: 30px 16px;
            font-size: 15px;
            float: left;


        }

        .d1:hover {
            border-radius: 5px;
            background: black;
        }

        .e {
            float: left;
            height: 36px;
            width: 110px;
            margin-left: 15px;
            margin-top: 24px;
            background: url(img/a.png)no-repeat -5% 100%
        }

        .e:hover {

            background: url(img/a.png)no-repeat 72% 77.5%
        }

        .f {
            margin-top: 24px;
            margin-left: 20px;
            overflow: hidden;
            float: left;
            height: 36px;
            width: 160px;
            background: white;
            border-radius: 22px
        }

        .f1 {
            float: left;
            height: 20px;
            width: 20px;
            margin: 8px 10px;
            background: url(img/a.png)no-repeat 3% 54%
        }

        .f2 {
            margin-left: -10px;
            margin-top: 5px;
            float: left;
            height: 20px;
            width: 120px;

        }

        .g {
            float: left;
            height: 30px;
            width: 50px;
            margin: 28px 30px;
        }

        .h {
            position: relative;
            display: none;
            left: -50px;
            top: 5px;

        }

        .g:hover .h {
            display: block
        }

        .container {

            margin-top: 30px;
            height: 300px;
            background: #EBDFE3
        }

        .main {
            position: relative;
            width: 1000px;
            height: 300px;
            margin: 0 auto;

        }

        .left {
            position: relative;
            float: left;
            width: 755px;
            height: 300px;
            background: url(img/lunbo.jpg)no-repeat center center / 100%
        }

        .right {
            float: right;
            width: 245px;
            height: 100%;
            background: url(img/right.png)no-repeat center center / 100% 150%
        }

        .dots {
            height: 10px;
            width: 300px;

            position: absolute;
            bottom: 10px;
            left: calc(-150px + 50%);
        }

        .dots li {
            margin: 0 10px;
            float: left;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background: #eee;
            cursor: pointer;
        }

        .dots li.active {
            background: red
        }

        .dots li:hover {
            background: red
        }

        .arror-left {
            position: absolute;
            height: 60px;
            width: 40px;
            z-index: 10;
            top: calc(-25px + 50%);
            left: -50px;
            background: url(img/banner.png)no-repeat 30% 61%;
            cursor: pointer;
        }

        .arror-left:hover {
            background: url(img/banner.png)no-repeat 30% 72.7%
        }

        .arror-right {
            position: absolute;
            height: 60px;
            width: 40px;
            z-index: 10;
            top: calc(-25px + 50%);
            right: -50px;
            background: url(img/banner.png)no-repeat 30% 85%;
            cursor: pointer;
        }

        .arror-right:hover {
            background: url(img/banner.png)no-repeat 30% 96.6%
        }

        .all {
            width: 1000px;
            height: 1450px;
            margin: 0 auto;
            border-left: 1px solid rgb(209, 206, 206);
            border-right: 1px solid rgb(196, 195, 195);

        }

        .l {
            background: white;
            float: left;
            width: 755px;
            height: 1450px;
            border-right: 1px solid rgb(207, 205, 205)
            
        }

        .l1 {
            width: 100%;
            height: 550px;
           
        }

        .l1s {
            height: 50px;
            width: 94%;
            border-bottom: 3px solid red;
            margin: 0 auto
        }

        .s1 {
            float: left;
            height: 40px;
            width: 115px;
            margin-top: 7px;
            background: url(img/quan.png)no-repeat;
            background-position: -225px -145px;
        }

        .s2 {
            float: left;
            height: 40px;
            width: 306px;
            margin-left: 20px;
            margin-top: 7px
        }

        .s2l {
            margin-top: 18px;
            color: #666;
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            float: left;
            width: 56px;
            height: 13px;
            border-right: 1.5px solid gray;
        }

        .s3 {
            float: right;
            height: 20px;
            width: 50px;
            margin-top: 25px;
        }

        .s3l {
            font-size: 12px;
            color: #666;
            float: left;
            height: 20px;
            width: 30px;
        }

        .s3l2 {
            float: left;
            height: 20px;
            width: 12px;
            background: url(img/quan.png)no-repeat;
            background-position: 1px -230px;
            margin-top: -8px
        }

        .x1 {
            float: left;
            height: 234px;
            width: 180px;
        }

        .x1a {
            position: relative;
            height: 140px;
            width: 140px;
            background: url(img/gufeng.jpg)no-repeat center center / 100% 100%
        }

        .x1b {
            height: 40px;
            width: 140px;
            margin-top: 10px
        }

        a:link,
        a:visited {
            text-decoration: none;
            /*超链接无下划线*/
        }

        .x1c {
            position: absolute;
            height: 27px;
            width: 140px;
            background: black;
            top: 113px;
            opacity: 0.6;
        }

        .x1cg {
            float: right;
            height: 16px;
            width: 16px;
            margin-top: 4px;
            margin-right: 10px;
            background: url(img/all.png)no-repeat;
            cursor: pointer;

        }

        .x1cg:hover {
            background: url(img/all.png)no-repeat;
            background-position: 0px -60px
        }

        .l2 {
            position: relative;
            margin: 30px auto;
            background: rgba(240, 239, 239, 0.973);
            height: 186px;
            width: 687px;
            border: 0.5px solid rgb(218, 213, 213)
        }

        .l3 {
            position: relative;
            height: 471px;
            width: 696px;
            border-top: 1px solid rgb(192, 190, 190);
            border-left: 1px solid rgb(192, 190, 190);
            margin: 25px auto
        }

        .l3zu {
            float: left;
            width: 230px;
            height: 120px;
            border-right: 1px solid rgb(192, 190, 190);
            background: #E8E8E8E8
        }

        .l3zh {
            float: left;
            width: 230px;
            height: 352px;
            border-right: 1px solid rgb(192, 190, 190);
            border-bottom: 1px solid rgb(192, 190, 190);

        }

        .l3li {
            float: left;
            width: 230px;
            height: 32px;
            background: #F4F4F4
        }

        .l3lid {
            float: left;
            width: 230px;
            height: 32px;
            background: #E8E8E8E8
        }

        .l3lif {
            float: left;
            height: 18px;
            width: 140px;
            margin-top: 8px;
            margin-left: 2px;
            font-size: 12px;
            cursor: pointer;
        }

        .l3lifh {
            position: absolute;
            height: 22px;
            width: 80px;
            left: 150px;
            top: 157px;
            display: none
        }

        .l3lif:hover .l3lifh {
            display: block;
        }

        .l3lif:hover {
            width: 90px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .r{
            float: left;
            height: 800px;
            width: 243px;
            background: white
          
        }
        .rf{
             width: 100%;
             height: 126px;
             background: url(img/quan.png)no-repeat;


        }
        .rf1{
            height: 50px;
            width: 200px;
            font-size: 12px;
            margin: 10px auto
        }
        .rf2{
            text-align: center;
            line-height: 28px;
            color: white;
            font-size: 12px;
            height: 33px;
            width: 110px;
           background: url(img/quan.png)no-repeat;
           background-position: 3px -196px;
            margin: 10px auto
        }
        .rs{
            height: 456px;
            width: 100%;
            margin-top: 10px
        }
        .rs1{
            font-size: 13px;
            height: 25px;
            width: 216px;
            margin: 0px  auto;
          border-bottom: 1px solid gray
        }
        .rs2{
            height: 360px;
            width: 216px;
            margin: 10px auto;
        }
        .rs2l{
            height: 60px;
            width: 100%;
        
            margin: 15px 0px;
        }
        .rs3{
            font-size: 12px;
            text-align: center;
            line-height: 30px;
            height: 30px;
            width: 78%;
            margin: 20px auto;
            background:url(img/button2.png)no-repeat;
            background-position: 2px -59px
        }
        .rs3y{
           
            height: 30px;
            width: 10px;
            background: url(img/button2.png)no-repeat;
            background-position: -245px -100px;
            float: right;
            margin-right: -5px
        }
        .rs2ll{
            float: left;
            height: 100%;
            width: 62px;
            background: url(img/zhanghuimei.jpg)no-repeat center center / 100% 100%
        }
        .rs2lp{
            width: 100%;
            height: 98%;
            margin: 1px 0;
            border-top: 1px solid #c2c0c0;
            border-right: 1px solid #c2c0c0;
            border-bottom: 1px solid #c2c0c0;
            background: rgb(229, 226, 226)
        }
        .rs2x{
            width: 210px;
            height: 50px;
            margin: 5px 0px;
        }
        .rs2lx{
            float: left;
            width: 40px;
            height: 40px;
            background: url(img/zhubo.jpg)no-repeat center center / 100% 100%
        }
        .rs2lq{
            width: 100%;
            height: 98%;
            margin: 1px 0;
 
        }
        .sup{
            height: 12px;
            width: 12px;
            background: url(img/icon.png)no-repeat;
            background-position: 0 1px;
            display: inline-block;
            overflow: hidden;
            vertical-align: -1px;
        }
        .last{
      
            height: 150px;
            width: 100%;
            border-top: 1px solid rgb(185, 185, 185);
            background: #f2f2f2
        }
        .fi{
            float: left;
            height:87px ;
            width:520px ;
            margin-top: 15px;
            margin-left: 260px
        }
        .fis{
            width: 520px;
            height: 24px;
       
        }
        .fis1{
            font-size: 10px;
            color: #666;
            text-align: center;
            padding: 0 10px;
            height: 14px;
            width: 54px;
            float: left;
           border-right: 1.3px solid #666;
    
        }
        .fix{
            font-size: 12px;
            color: #666;
            line-height:30px;
            height: 52px;
            width: 100%;
            margin-left: 16px
        }
        .lasty{
            float: left;
            width: 360px;
            height: 70px;
            margin-top: 10px;
            margin-left: 130px;
          
        }
        .lastyy{
            height:50px ;
            width: 60px;
            float: left;
            margin: 0  15px;
  
            background: url(img/last.png)no-repeat  ;
            background-size: 110px 450px;
           
        }
        .lastl{
            height: 10px;
            width: 50px;
         
            margin-top: 50px;
            font-size: 10px;
            color: #666

        }